<template>
  <view class="box">
    <view class="box1">
      <uv-tabs :list="list" @click="click" activeStyle="color: #008c8c" lineColor="#008c8c" :scrollable="false">
      </uv-tabs>
      <view class="box11"> </view>
      <view class="box12" v-if="current == 0">
        <view class="avatar" @click="jump">
          <view class="avatar-all">
            <view class="avatar-left">
              <image src="/static/image/mein.jpg" mode=""></image>
            </view>
            <view class="avatar-right">
              <view>陈喜喜</view>
              <view style="color:#d7d8de ;">2023-06-08上午10:30</view>
            </view>
          </view>
          <view class="center">
            熟悉的习惯，熟悉的路线，熟悉的日子里，永远不会有奇迹发生。改变思路，改变习惯，改变一种活的方式，往往会创造无限，风景无限!
          </view>
          <view class="photo">
            <image src="../../static/image/haibao1.png" mode=""></image>
          </view>
          <view class="zan">
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="heart" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">56</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="chat" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">256</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="share" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">分享</view>
            </view>
          </view>
        </view>

        <view class="avatar" @click="jump">
          <view class="avatar-all">
            <view class="avatar-left">
              <image src="/static/image/mein.jpg" mode=""></image>
            </view>
            <view class="avatar-right">
              <view>陈喜喜</view>
              <view style="color:#d7d8de ;">2023-06-08上午10:30</view>
            </view>
          </view>
          <view class="center">
            熟悉的习惯，熟悉的路线，熟悉的日子里，永远不会有奇迹发生。改变思路，改变习惯，改变一种活的方式，往往会创造无限，风景无限!
          </view>
          <view class="photo">
            <image src="../../static/image/haibao1.png" mode=""></image>
          </view>
          <view class="zan">
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="heart" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">56</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="chat" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">256</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="share" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">分享</view>
            </view>
          </view>
        </view>
      </view>
      <view class="box12" v-if="current == 1">
        <view class="avatar" @click="jump">
          <view class="avatar-all">
            <view class="avatar-left">
              <image src="/static/image/mein.jpg" mode=""></image>
            </view>
            <view class="avatar-right">
              <view>陈喜喜</view>
              <view style="color:#d7d8de ;">2023-06-08上午10:30</view>
            </view>
          </view>
          <view class="center">
            熟悉的习惯，熟悉的路线，熟悉的日子里，永远不会有奇迹发生。改变思路，改变习惯，改变一种活的方式，往往会创造无限，风景无限!
          </view>
          <view class="photo">
            <image src="../../static/image/haibao1.png" mode=""></image>
          </view>
          <view class="zan">
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="heart" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">56</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="chat" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">256</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="share" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">分享</view>
            </view>
          </view>
        </view>

        <view class="avatar" @click="jump">
          <view class="avatar-all">
            <view class="avatar-left">
              <image src="/static/image/mein.jpg" mode=""></image>
            </view>
            <view class="avatar-right">
              <view>陈喜喜</view>
              <view style="color:#d7d8de ;">2023-06-08上午10:30</view>
            </view>
          </view>
          <view class="center">
            熟悉的习惯，熟悉的路线，熟悉的日子里，永远不会有奇迹发生。改变思路，改变习惯，改变一种活的方式，往往会创造无限，风景无限!
          </view>
          <view class="photo">
            <image src="../../static/image/haibao1.png" mode=""></image>
          </view>
          <view class="zan">
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="heart" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">56</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="chat" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">256</view>
            </view>
            <view class="zan1">
              <view class="zan11">
                <uv-icon name="share" color="#909090" size="28"></uv-icon>
              </view>
              <view class="zan12">分享</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script setup>
  import {
    ref
  } from 'vue';
  const list = ref(
    [{
      name: '默认',
    }, {
      name: '点赞',
    }]
  )
  const current = ref(0)
  const click = ((item) => {
    // console.log('item', item);
    current.value = item.index
  })
  const jump = (() => {
    // console.log(e);
    uni.navigateTo({
      url: '/pages/dynamicdetails/dynamicdetails'
    });
  })
</script>

<style lang="scss">
  @import url("community.scss")
</style>